<!doctype html>
<%@page contentType="text/html;charset=UTF-8"%>
<jsp:directive.page import="com.cn.ccp.bean.UserBean" />
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<html>
<f:view>
<f:loadBundle var="messages" basename="messages"></f:loadBundle>
<head>
<meta charset="utf-8">
<title><h:outputText value="#{messages['system_title']}" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- styles -->
    <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/custom.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="../../js/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon/favicon.png">
    <%
		UserBean users = (UserBean) session.getAttribute("userBean");
			if ((users == null) || (users.getUserName().equals(""))) {
	%>
		<jsp:forward page="../../sessionInvalid.jsp" />
	<%
	}
	%>
</head>

<body class="bg-white" style="overflow-x:hidden;">
<a id="viewDiv"></a>
		<div class="content">
			<div class="row page-head">
				<h3 class="page-title">
					<i class="n-icon-laptop n-icon-black"></i>
					<h:outputText value="#{messages['online_page_study_title']}"/>&nbsp;&gt;&nbsp;<b><h:outputText value="#{messages['online_page_select_action_quest']}" />(<h:outputText value="#{stduentCourseIssueAction.courseName}" />)</b>
				</h3>
			</div>

			<div style="margin-left: 20px; margin-right: 20px">
				<h:form id="formid" styleClass="form-horizontal">
					<h:inputHidden value="#{stduentCourseIssueAction.courseID}"></h:inputHidden>
					<fieldset>
						<div class="form-white">
							<p><h:outputText value="#{messages['online_answer_page_student_info']}" escape="false" /></p>
							<div class="control-group">
								<h:inputTextarea id="contentid" value="#{stduentCourseIssueAction.content}" styleClass="input-block-level" rows="3">
								</h:inputTextarea>
							</div>
							 <a4j:commandButton value="#{messages['btn_submit']}" styleClass="btn btn-primary" action="#{stduentCourseIssueAction.save}" reRender="showInfoListid,pagePenelGrid,contentid" />
							 <input type= "button" value= "返回" onclick= "history.back()" class="btn" style="margin-left: 20px;" />
							 
							 <a4j:outputPanel ajaxRendered="true">
								<h:message for="contentid" style="color:red"></h:message>
							</a4j:outputPanel>	
						</div>
					</fieldset>
					<div class="form-white student">
						<a4j:outputPanel ajaxRendered="true">
							<h:outputText id="showInfoListid" value="#{stduentCourseIssueAction.showListInfo}" escape="false"></h:outputText>
						</a4j:outputPanel>
					</div>
					<h:panelGrid id="pagePenelGrid" columns="2" styleClass="pagination pagination-right" style="align:right" >
						<h:panelGrid columns="4" >
							<a4j:commandLink action="#{stduentCourseIssueAction.firstPage}" styleClass="icon-fast-backward"  reRender="showInfoListid"></a4j:commandLink>
							<a4j:commandLink action="#{stduentCourseIssueAction.provPage}" styleClass="icon-backward" reRender="showInfoListid"></a4j:commandLink>
							<a4j:commandLink action="#{stduentCourseIssueAction.nextPage}" styleClass="icon-forward" reRender="showInfoListid"></a4j:commandLink>
							<a4j:commandLink action="#{stduentCourseIssueAction.lastPage}" styleClass="icon-fast-forward" reRender="showInfoListid"></a4j:commandLink>
						</h:panelGrid>
						<h:panelGroup>
							<a4j:outputPanel ajaxRendered="true">
								<h:inputText value="#{stduentCourseIssueAction.currentPage}" size="3" styleClass="input" style="width:20px"></h:inputText>
								<h:inputHidden value="#{stduentCourseIssueAction.itemCount}"></h:inputHidden>
								<h:outputText value="#{stduentCourseIssueAction.countPage}#{messages['label_page']}"></h:outputText>
			
								<a4j:commandLink action="#{stduentCourseIssueAction.goCurrentPage}" 
									reRender="showInfoListid">
									<h:graphicImage value="../../images/BtnPageGo.gif"></h:graphicImage>
								</a4j:commandLink>
								<h:outputText value="#{messages['label_all']}#{stduentCourseIssueAction.itemCount}#{messages['label_count']}"></h:outputText>
							</a4j:outputPanel>
						</h:panelGroup>
					</h:panelGrid>
				</h:form>

			</div>
			<!-- /.content -->
		</div>
		<script src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
	<script type="text/javascript">
$(document).ready(function() {
	//document.getElementById('viewDiv').scrollIntoView();
});</script>
</body>
</f:view>
</html>
